<template>
  <svg
    t="1739445935727"
    class="yindu-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="5019"
    width="32"
    height="32"
  >
    <path
      d="M512 85.333333a426.666667 426.666667 0 1 0 426.666667 426.666667A426.666667 426.666667 0 0 0 512 85.333333z m164.266667 539.306667l-133.546667 133.973333a32 32 0 0 1-22.613333 9.386667h-16.213334a32.853333 32.853333 0 0 1-22.613333-9.386667l-133.546667-133.973333a21.333333 21.333333 0 0 1 0-30.293333l30.293334-30.293334a20.906667 20.906667 0 0 1 29.866666 0L469.333333 625.92V277.333333a21.333333 21.333333 0 0 1 21.333334-21.333333h42.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v348.586667l61.44-61.866667a21.333333 21.333333 0 0 1 30.293333 0l29.866667 30.293334a21.333333 21.333333 0 0 1 0 30.293333z"
      p-id="5020"
      fill="#8a8a8a"
    ></path>
  </svg>
</template>

<script setup lang="ts">
type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {
  fill: "#8a8a8a",
});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
  path {
    fill: v-bind(fillColor);
  }
}
</style>
